<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新用户注册</title>
		<script type="text/javascript" src="../day13/jquery-3.2.1.min.js" ></script>
		<script>
			$(function(){
				$("form").submit(function(){
					var e=$("#myemail");
					if(e.val()=="")
					{
						alert("电子邮件必须填写");
						return false;
					}
					//@和.是否存在
					var str=e.val();
					if(!(str.indexOf("@")>0&&str.indexOf(".")>0)){
						alert("邮件格式不正确！");
						return false;
					}
					var p=$("#userpass");
					if(p.val().length<6)
					{
						alert("密码不能不填，且长度不能小于6，您输入的是"+p.val().length);
						return false;
					}
					//验证密码全是数字
					if(isNaN(p.val()))
					{
						alert("密码必须全是数字！");
						return false;
					}
					//两次密码要相同
					if(p.val()!=$("#repeatpass").val())
					{
						alert("两次密码必须相同！");
						return false;
					}
					//
					return true;
				});
			});
		</script>
	</head>
	<body>
		<h1>青鸟论坛用户登录</h1>
		<form action="http://i.bdqn.cn/reg-email" method="post" >
			<p>
				<label>用户名</label><input type="text" name="userName" />
			</p>
			<p>
				<label>密码</label><input id="userpass" type="password" name="userpass" />
			</p>
			<p>
				<label>确认密码</label><input type="password" name="repeatpass" id="repeatpass"/>
			</p>
			<p>
				<label>电邮</label><input type="text" name="myemail" id="myemail" />
			</p>
			<p>
				<input type="submit" value="注册"/>
			</p>
		</form>
	</body>
</html>
